<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
<#include "common/publicMETA.ftl"/>
    <title>AdminLTE 2 | Main</title>
<#include "common/publicCSS.ftl"/>
<#include "common/publicHeadJS.ftl"/>
    <style>
        .d_input{
            height:37px;
        }
        .input_type{
            float:right;
            list-style:none; /* 将默认的列表符号去掉 */
            padding:0; /* 将默认的内边距去掉 */
            margin:0; /* 将默认的外边距去掉 */
        }
        .input_type li{
            float:left; /* 往左浮动 */
            height: 30px;
            width:30px;
            color: #ffffff;
            line-height: 30px;
            text-align: center;
            background-size: contain;
            background-image:url("${ctx}/images/red-casino-chips.png");
            cursor: pointer;
        }
        .d_5{
            height: 35px;
            width:35px;
            background-size: 35px 35px;
            background-image: url("${ctx}/images/red-casino-chips.png");
         }
        .d_10{
            background-size: contain;
            background-image: url("${ctx}/images/yellow-casino-chips.png");
        }
        .d_100{
            background-size: contain;
            background-image: url("${ctx}/images/blue-casino-chips.png");
        }
        .d_1000{
            background-size: contain;
            background-image: url("${ctx}/images/black-casino-chips.png");
        }
        .box-header .box-title{
            line-height:30px;
        }
        .box-header{
            padding: 5px;
        }
    </style>
</head>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to get the
desired effect
|---------------------------------------------------------|
| SKINS         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |
|---------------------------------------------------------|
|LAYOUT OPTIONS | fixed                                   |
|               | layout-boxed                            |
|               | layout-top-nav                          |
|               | sidebar-collapse                        |
|               | sidebar-mini                            |
|---------------------------------------------------------|
-->
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
    <#include "common/mainHeader.ftl">
    <#include "common/mainSidebar.ftl"/>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <#--<section class="content-header">-->
            <#--<h1>-->
                <#--首页-->
                <#--<small>记账盘</small>-->
            <#--</h1>-->
            <#--<ol class="breadcrumb">-->
                <#--<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>-->
                <#--<li class="active">Here</li>-->
            <#--</ol>-->
        <#--</section>-->

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-md-8 col-sm-8 col-xs-12">
                    <div class="box">
                        <div class="box-header with-border">
                            <h3 class="box-title">数字盘 9倍</h3>
                            <ul class="input_type">
                                <li>+10</li>
                                <li>+100</li>
                                <li>+1000</li>
                            </ul>
                            <div class="btn-group" style="float: right;">
                                <button id="" type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span></button>
                                <button id="" type="button" class="btn btn-default"><span class="glyphicon glyphicon-trash"></span></button>
                                <button id="" type="button" class="btn btn-default"><span class="glyphicon glyphicon-minus"></span></button>
                            </div>

                        </div>
                        <div class="box-body">
                            <table class="table table-bordered">
                                <tr>
                                    <td rowspan="2">第一球</td>
                                    <td>0</td>
                                    <td>1</td>
                                    <td>2</td>
                                    <td>3</td>
                                    <td>4</td>
                                    <td>5</td>
                                    <td>6</td>
                                    <td>7</td>
                                    <td>8</td>
                                    <td>9</td>
                                </tr>
                                <tr>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                <tr>
                                    <td rowspan="2">第二球</td>
                                    <td>0</td>
                                    <td>1</td>
                                    <td>2</td>
                                    <td>3</td>
                                    <td>4</td>
                                    <td>5</td>
                                    <td>6</td>
                                    <td>7</td>
                                    <td>8</td>
                                    <td>9</td>
                                </tr>
                                <tr>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                                <tr>
                                    <td rowspan="2">第三球</td>
                                    <td>0</td>
                                    <td>1</td>
                                    <td>2</td>
                                    <td>3</td>
                                    <td>4</td>
                                    <td>5</td>
                                    <td>6</td>
                                    <td>7</td>
                                    <td>8</td>
                                    <td>9</td>
                                </tr>
                                <tr>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                                <tr>
                                    <td rowspan="2">第四球</td>
                                    <td>0</td>
                                    <td>1</td>
                                    <td>2</td>
                                    <td>3</td>
                                    <td>4</td>
                                    <td>5</td>
                                    <td>6</td>
                                    <td>7</td>
                                    <td>8</td>
                                    <td>9</td>
                                </tr>
                                <tr>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                                <tr>
                                    <td rowspan="2">第五球</td>
                                    <td>0</td>
                                    <td>1</td>
                                    <td>2</td>
                                    <td>3</td>
                                    <td>4</td>
                                    <td>5</td>
                                    <td>6</td>
                                    <td>7</td>
                                    <td>8</td>
                                    <td>9</td>
                                </tr>
                                <tr>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                            </table>
                        </div>
                    </div>

                </div>
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <div class="box">
                        <div class="box-header with-border">
                            <h3 class="box-title">双面盘 1.9倍</h3>
                            <ul class="input_type">
                                <li>+10</li>
                                <li>+100</li>
                                <li>+1000</li>
                            </ul>
                            <div class="btn-group" style="float: right;">
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-trash"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-minus"></span></button>
                            </div>
                        </div>
                        <div class="box-body">
                            <table class="table table-bordered">
                                <tr>
                                    <td>大</td>
                                    <td>小</td>
                                    <td>单</td>
                                    <td>双</td>
                                </tr>
                                <tr>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                                <tr>
                                    <td>大</td>
                                    <td>小</td>
                                    <td>单</td>
                                    <td>双</td>
                                </tr>
                                <tr>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                                <tr>
                                    <td>大</td>
                                    <td>小</td>
                                    <td>单</td>
                                    <td>双</td>
                                </tr>
                                <tr>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                                <tr>
                                    <td>大</td>
                                    <td>小</td>
                                    <td>单</td>
                                    <td>双</td>
                                </tr>
                                <tr>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                                <tr>
                                    <td>大</td>
                                    <td>小</td>
                                    <td>单</td>
                                    <td>双</td>
                                </tr>
                                <tr>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="box">
                        <div class="box-header with-border">
                            <h3 class="box-title">综合、龙虎盘</h3>
                            <ul class="input_type">
                                <li>+10</li>
                                <li>+100</li>
                                <li>+1000</li>
                            </ul>
                            <div class="btn-group" style="float: right;">
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-trash"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-minus"></span></button>
                            </div>
                        </div>
                        <div class="box-body">
                            <table class="table table-bordered">
                                <tr>
                                    <td></td>
                                    <td>大1.9</td>
                                    <td>小1.9</td>
                                    <td>单1.9</td>
                                    <td>双1.9</td>
                                    <td>龙1.9</td>
                                    <td>虎1.9</td>
                                    <td>和9</td>
                                </tr>
                                <tr>
                                    <td>总和</td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>豹子70</td>
                                    <td>顺子14</td>
                                    <td>对子3</td>
                                    <td>半顺2</td>
                                    <td>杂六3</td>
                                    <td colspan="2" rowspan="4">合计：笔/r/n总注额：</td>
                                </tr>
                                <tr>
                                    <td>前三</td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                                <tr>
                                    <td>中三</td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                                <tr>
                                    <td>后三</td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                    <td class="d_input"></td>
                                </tr>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
            <!-- Your Page Content Here -->


        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <#--<#include "common/mainFooter.ftl"/>-->
    <#include "common/controlSidebar.ftl"/>
</div>
<!-- ./wrapper -->
<!-- REQUIRED JS SCRIPTS -->
<#include "common/publicFootJS.ftl"/>
<script>
    $(".d_input").click(function () {
        $(".d_input").css("background-color","");
        $(this).css("background-color","#ff851b");
    });
</script>
<!-- Optionally, you can add Slimscroll and FastClick plugins.
     Both of these plugins are recommended to enhance the
     user experience. Slimscroll is required when using the
     fixed layout. -->
</body>
</html>
